<!DOCTYPE html>
{% load static %}
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>{{ title }}</title>
		<link rel="stylesheet" href="{% static 'plugins/google-fonts/google.fonts.css' %}">
		<link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
		<!--
        <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
        -->
		<link rel="stylesheet" href="{% static 'plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css' %}">
		<link rel="stylesheet" href="{% static 'plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
		<link rel="stylesheet" href="{% static 'plugins/jqvmap/jqvmap.min.css' %}">
		<link rel="stylesheet" href="{% static 'dist/css/adminlte.min.css' %}">
		<link rel="stylesheet" href="{% static 'dist/css/common.css' %}">
		<link rel="stylesheet" href="{% static 'plugins/overlayScrollbars/css/OverlayScrollbars.min.css' %}">
		<link rel="stylesheet" href="{% static 'plugins/daterangepicker/daterangepicker.css' %}">

		<link rel="stylesheet" href="{% static 'plugins/summernote/summernote-bs4.min.css' %}">
		<script src="{% static 'plugins/jquery/jquery.min.js' %}"></script>
		<script src="{% static 'plugins/jquery-ui/jquery-ui.min.js' %}"></script>
		{% block ext_css %}
		{% endblock %}
	</head>
	<body class="hold-transition sidebar-mini layout-fixed">
		<div class="wrapper">
			<nav class="main-header navbar navbar-expand navbar-white navbar-light">
				<ul class="navbar-nav">
					<li class="nav-item">
						<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
					</li>
					<li class="nav-item d-none d-sm-inline-block">
						<a href="{% url 'index' %}" class="nav-link">首页</a>
					</li>
				</ul>
				<ul class="navbar-nav ml-auto">
					<li class="nav-item">
						<a class="nav-link" data-widget="fullscreen" href="#" role="button">
							<i class="fas fa-expand-arrows-alt"></i>
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
							<i class="fas fa-th-large"></i>
						</a>
					</li>
				</ul>
			</nav>
			<aside class="main-sidebar sidebar-dark-primary elevation-4">
				<a href="#" class="brand-link">
					<img src="{% static 'dist/img/AdminLTELogo.png' %}" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
					<span class="brand-text font-weight-light">我的商城</span>
				</a>
				<div class="sidebar">
					<div class="user-panel mt-3 pb-3 mb-3 d-flex">
						<div class="info">
						</div>
						<div class="info">
							<a href="#">{{ user }}</a>
							&nbsp;
							&nbsp;
							&nbsp;
							<a href="{% url 'logout' %}">退出</a>
						</div>
					</div>
					<nav class="mt-2">
						<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
							<li class="nav-header">运营管理</li>
							<li class="nav-item">
								<a href="pages/calendar.html" class="nav-link">
									<i class="nav-icon far fa-calendar-alt"></i>
									<p>
										新订单
										<span class="badge badge-info right">2</span>
									</p>
								</a>
							</li>
							<li class="nav-item">
								<a href="pages/gallery.html" class="nav-link">
									<i class="nav-icon far fa-image"></i>
									<p>
										订单管理
									</p>
								</a>
							</li>

							<li class="nav-header">用户管理</li>
							<li class="nav-item">
								<a href="/users/user/index" class="nav-link">
									<i class="nav-icon far fa-calendar-alt"></i>
									<p>
										用户信息
									</p>
								</a>
							</li>
							<li class="nav-item">
								<a href="pages/gallery.html" class="nav-link">
									<i class="nav-icon far fa-image"></i>
									<p>
										状态异常会员
									</p>
								</a>
							</li>

							<li class="nav-header">基础信息</li>
							<li class="nav-item">
								<a href="iframe.html" class="nav-link">
									<i class="nav-icon fas fa-ellipsis-h"></i>
									<p>区域维护</p>
								</a>
							</li>
							<li class="nav-item">
								<a href="https://adminlte.io/docs/3.1/" class="nav-link">
									<i class="nav-icon fas fa-file"></i>
									<p>Documentation</p>
								</a>
							</li>
							<li class="nav-header">商品管理</li>
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="fas fa-circle nav-icon"></i>
									<p>商品分类维护</p>
								</a>
							</li>
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="fas fa-circle nav-icon"></i>
									<p>商品分类列表</p>
								</a>
							</li>
							<li class="nav-item">
								<a href="/goods/index" class="nav-link">
									<i class="fas fa-circle nav-icon"></i>
									<p>商品信息维护</p>
								</a>
							</li>
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="fas fa-circle nav-icon"></i>
									<p>商品上下架</p>
								</a>
							</li>
							<li class="nav-header">系统管理</li>
							<li class="nav-item">
								<a href="{% url 'user_management' %}" class="nav-link">
									<i class="nav-icon far fa-circle text-danger"></i>
									<p class="text">用户管理</p>
								</a>
							</li>
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon far fa-circle text-warning"></i>
									<p>角色管理</p>
								</a>
							</li>
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon far fa-circle text-info"></i>
									<p>权限管理</p>
								</a>
							</li>
						</ul>
					</nav>
				</div>
			</aside>
			{% block content %}
			{% endblock %}

		</div>

		<script>
            $.widget.bridge('uibutton', $.ui.button)
		</script>
		<script src="{% static 'plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
		<script src="{% static 'plugins/chart.js/Chart.min.js' %}"></script>

		<script src="{% static 'plugins/sparklines/sparkline.js' %}"></script>
		<script src="{% static 'plugins/jqvmap/jquery.vmap.min.js' %}"></script>
		<script src="{% static 'plugins/jqvmap/maps/jquery.vmap.usa.js' %}"></script>
		<script src="{% static 'plugins/jquery-knob/jquery.knob.min.js' %}"></script>
		<script src="{% static 'plugins/moment/moment.min.js' %}"></script>
		<script src="{% static 'plugins/daterangepicker/daterangepicker.js' %}"></script>
		<script src="{% static 'plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js' %}"></script>
		<script src="{% static 'plugins/summernote/summernote-bs4.min.js' %}"></script>
		<script src="{% static 'plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js' %}"></script>
		<script src="{% static 'dist/js/adminlte.js' %}"></script>
		<script src="{% static 'dist/js/demo.js' %}"></script>

		<script src="{% static 'dist/js/pages/dashboard.js' %}"></script>

		{% block ext_js %}
		{% endblock %}
	</body>
</html>